<template>
  <section class="j-app-block">
    <div class="block_title">
      <div style="background: #fff;padding: 10px 10px 10px;">
        {{ title }}
      </div>
    </div>
    <slot />
  </section>
</template>

<script>
  export default {
    name: 'AppBlock',
    props: {
      title: String
    }
  };
</script>

<style lang="less">
  .j-app-block {
    .block_title {
      margin: 0;
      padding: 25px 0px 0px;
      color: rgba(69, 90, 100, 0.6);
      font-weight: normal;
      font-size: 14px;
    }
    &:first-of-type {
      .block_title {
        padding-top: 20px;
      }
    }
  }


</style>
